/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
if (typeof HCM !== 'object') var HCM = {};

HCM.tabs = function(el) {
    var $root_el = $(el);
    var selected_tab;

    this.onReady = function() {
        // hide all panels.
        $root_el.find('.panel').hide();

        selected_tab=$root_el.find('li.selected').get(0);
        $root_el.find($(selected_tab).find('a').attr('href')).show();

        $root_el.find('ul.tabsNav li').click(function() {
            if (selected_tab != this) {
                $root_el.find($(selected_tab).find('a').attr('href')).hide();
                $(selected_tab).removeClass('selected');
                $root_el.find($(this).find('a').attr('href')).show();
                selected_tab = this;
                $(selected_tab).addClass('selected');
            }
            return false;
        });
    }
}

$(function() {
    $('.tabs').each(function () {
        new HCM.tabs(this).onReady();
    });
});